body {
	font-family: "Lato";
}
.social-action {
	text-align: center;
}
.outcome {
	/* Main table - vertical axis - entry names */
	background-color: #064d69;
	color: #fff;
	height: 55px;
	font-size: 16px;
	font-weight: 400;
}

tbody td {
	display: table-cell;
	text-align: center;
}
.bubbles {
	text-align: center;
}
.modal-content {
	border-radius: 0%;
}
/* .small-circle{
    display: inline-block;
    border: 2px solid #70405e;
    background-color: #F3F2F1;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    line-height: 13px;
    text-align: center;
    cursor: pointer;
    width: 28.4px;
    height: 28.4px;
    padding: 4.5px 0;
} */
.meddium-circle {
	/* Main table - grid - circle perimeter */
	display: inline-block;
	border: 2px solid #0c5c7a;
	background-color: white;
	border-radius: 50%;
	font-weight: 700;
	font-size: 16px;
	line-height: 13px;
	text-align: center;
	cursor: pointer;
	width: 35.4px;
	height: 35.4px;
	padding: 8px 0;
}
/* .big-circle{
    display: inline-block;
    border: 2px solid #70405e;
    background-color: #F3F2F1;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    line-height: 13px;
    text-align: center;
    cursor: pointer;
    width: 45.4px;
    height: 45.4px;
    padding: 14px 0;
} */
.no-value-circle {
	display: inline-block;
	border: 2px solid #ededed;
	background-color: #ededed;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	width: 32.4px;
	height: 32.4px;
	padding: 6.199999999999999px 0;
}
/* Main table - grid - table background hover */
tbody td:hover {
	background: #003d59 !important;
}
tbody td:hover .small-circle {
	background-color: #78f4c4;
	color: black;
}
/* Main table - grid - inner circle hover */
tbody td:hover .meddium-circle {
	background-color: #0c5c7a;
	/* Main table - grid - font hover */
	color: white;
}

tbody td:hover .big-circle {
	background-color: #78f4c4;
	color: black;
}

.borders {
	border: 1px solid #d3d3d3 !important;
}

#filtersClear {
	background-color: #000000;
	border: #000000;
	height: 4.5rem;
}
.btn {
	border-radius: 0%;
}
/* Main page - clear filters hover */
#filtersClear:hover {
	background-color: #a8bd3a;
}
#filtersClear:focus {
	background-color: #000000;
	border: #000000;
	box-shadow: none;
}

.filters {
	padding: 0%;
	margin-bottom: 0%;
}

.filters-div {
	padding: 0%;
	padding-right: 0.8%;
}
.filters-label {
	color: #231f20;
	font-weight: 900;
	padding-left: 0.8rem;
	font-size: 14px;
}

.bootstrap-select > .btn-light {
	color: #231f20;
	background-color: white;
	border: 1px solid #dedede;
	border-radius: 0;
	font-size: 12px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
	color: #231f20;
	font-weight: 800;
	font-size: 10px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #231f20;
	background-color: white;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
	color: #231f20;
	background-color: white;
}

.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
	color: #231f20;
	background-color: white;
	border-color: #d3d3d3;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	outline-offset: 0;
}

.report-links {
	color: #3b3b3c;
}
.report-links:active,
.report-links:visited,
.report-links:focus {
	color: #3b3b3c;
	text-decoration: none;
}

/* everywhere - hyperlinks to papers */
.report-links:hover {
	color: #064d69;
	text-decoration: underline;
}

#backToMap:hover {
	background-color: #000000;
	border: #000000;
}
#backToMap:focus {
	background-color: #000000;
	border: #000000;
	box-shadow: none;
}
/* Reports - back to map hover */
#backToMap:hover {
	background-color: #a8bd3a;
}

#backToMap {
	background-color: #000000;
	border: #000000;
}

#youthActionListModalTitle {
	color: #70405e;
}

/* Reports - view report here */
#report-link {
	color: #37807b;
	text-decoration: underline;
}

/* Reports - view report here hover */
#report-link:hover {
	color: #a8bd3a;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.filters-label {
		padding-left: 0;
	}
}

.outcome-mobile {
	background-color: #3b3b3c;
	color: #fff;
	height: 55px;
	font-size: 16px;
	font-weight: 400;
}

.header-container {
	padding: 0.5em;
}

.header-container::after {
	content: "";
	display: table;
	clear: both;
}

.logo-container {
	float: left;
}

.logo-container img {
	height: 70px;
	float: left;
}

.header-navigation {
	float: right;
	width: 50%;
}

.header-navigation ul,
li {
	margin: 0;
	padding: 0;
}

.header-navigation li {
	display: inline-block;
	margin: 1.4em 1em 1em 1em;
}

@media only screen and (max-width: 355px) {
	.left-information-container {
		flex-direction: column;
		align-items: center;
	}
	.report-information {
		margin-left: 20px;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		width: 100%;
		height: 60px;
	}
}
@media only screen and (max-width: 232px) {
	.report-information {
		height: 100px;
	}
}